<!-- 儿子组件 -->
<script setup lang="ts">
// 1. 接收参数类型
const props =defineProps<{
name:string
age?:number
}>()

console.log(props.name)

// 子传父
// 1. 定义一个 changeMoney 的事件
// 参数 Mony 类型是 number 返回值为空
defineEmits<{
  (e:'changeMoney',Mony:number)
}>()
</script>

<template>
  <div>
我是儿子
<!-- 接收到后使用数据  -->
<p> {{ name }}</p>
<p>{{ age }}</p>
  </div>

  <!-- 2. 点击触发 子传父 -->
  <button @click="$emit('changeMoney',2000)">子传父</button>
</template>

<style scoped>
div {
  width: 200px;
  height: 200px;
  background-color: pink;
}
</style>
